<template>
	<div class="layout">
		<!-- header -->
		<app-header></app-header>
		<navbar :navbars="navbars"></navbar>
		<slot></slot>
		<!-- footer -->
		<app-footer></app-footer>
	</div>
</template>

<script setup>
	import { useHomeStore } from '@/store/home'
	import { storeToRefs } from 'pinia'
	const homeStore = useHomeStore()
	homeStore.fetchHomeInfoData('oppo')
	const { navbars } = storeToRefs(homeStore)
</script>
